.editable {
    &-browse, &-edit {
        position: relative;
        width: 300px;
        height: 42px;
        line-height: 42px;
    }
    &-browse {
        font-size: 14px;
    }
    &-edit {
        &-container {
            :hover {
                background: url('./../../assets/pencil.png') no-repeat center right;
                background-color: #E3F2FD;
                cursor: pointer;
            }
        }
        &-input {
            // padding: 20px;
            padding-left: 0;
            border: 0;
            background-color: transparent!important;
            transition: none!important;
        }
        &-input-focus {
            background: #fff!important;
            border: 1px solid black;
        }
        &-input-error {
            border: 1px solid red!important;
        }
        &-error-text {
            color: red;
        }
    }
}